@import "../../style/constant.scss";

.container {
  margin: 20px 16px 16px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  @include boxShadow3();
  .swipeContainer {
    height: 64px;
  }

  .consultationItem {
    height: 64px;
    display: flex;
    align-items: center;
    padding: 14px 12px;
    .content {
      .avatar {
        width: 36px;
        height: 36px;
        border-radius: 50%;
      }

      flex: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .rightContainer {
        margin-left: 12px;
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .doctorInfoView {
          line-height: 1;
          display: flex;
          flex: 1;
          flex-direction: column;
          justify-content: space-between;
          .doctorInfo {
            .doctorName {
              @include line-ellipsis-x(1);
              font-size: 16px;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: $primaryBlack;
              line-height: 22px;
            }
          }

          .consulting {
            font-size: 13px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #47C690;
            line-height: 18px;
          }
        }

        .viewContainer {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 80px;
          height: 28px;
          border-radius: 14px;
          background-color: #47C690;
          margin-right: 4px;
          .viewMessageText{
            font-size: 14px;
            line-height: 20px;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #FFFFFF;
            font-weight: 400;
          }
          .messageCount {
            position: absolute;
            top: -6PX;
            right: -4PX;
            display: inline-block;
            width: 18PX;
            height: 18PX;
            text-align: center;
            background: #FF3B30;
            border-radius: 50%;
            font-size: 12PX;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 17PX;
          }
        }
      }
    }
  }
}
